
//  精选推荐 --------------   页面一

import React, { useState } from 'react'
import log2 from '../../assets/YiQixiuImage/log2.webp'
import '../Menu_scss/Winnow.less'
import { DownOutlined } from '@ant-design/icons';
import type { MenuProps } from 'antd';
import { Dropdown, message, Space } from 'antd';
import LunarCalendar from '@tenado/lunarjs'
import a1 from '../../assets/YiQixiuImage/1-1.png'
import a2 from '../../assets/YiQixiuImage/1-2.png'
import a3 from '../../assets/YiQixiuImage/1-3.png'
import a4 from '../../assets/YiQixiuImage/1-4.png'
import a5 from '../../assets/YiQixiuImage/1-5.png'
import a6 from '../../assets/YiQixiuImage/1-6.png'
import Swiper from '../../components/Swiper/Swiper';
import Tags from '../../components/tags/Tags';
function Winnow() {

  const onClick: MenuProps['onClick'] = ({ key }) => {
    message.info(`Click on item ${key}`);
  };
  const items: MenuProps['items'] = [
    {
      label: '全部',
      key: '1',
    },
    {
      label: 'H5',
      key: '2',
    },
    {
      label: '海报',
      key: '3',
    },
    {
      label: '长页',
      key: '4',
    },
    {
      label: '表单',
      key: '5',
    },
    {
      label: '互动',
      key: '6',
    },
    {
      label: '电子画册',
      key: '7',
    },
    {
      label: '视频',
      key: '8',
    },
    {
      label: '解决方案',
      key: '9',
    },
  ];



  const timer = new Date()
  console.log(timer,'日期');
  const timerYear = timer.getFullYear()
  console.log(timerYear,'年');
  const timerMouth = timer.getMonth() + 1
  console.log(timerMouth,'月');
  const timerDay = timer.getDate()
  console.log(timerDay,'日');
  
  const [current1,setCurrent1] = useState(timerYear)
  const [current2,setCurrent2] = useState(timerMouth)
  const [current3,setCurrent3] = useState(timerDay)
  

  const today = LunarCalendar.solar2lunar(timer);
  console.log(today,'todaytodaytoday');
  const [currentToday,setcurrentToday] = useState(today)




  return (
    <div className='one_content'>
        <div className="one_content_flex">
          <div className='header'>
          <div className='header_left'>
            <img src={log2} alt="" />
          </div>
          <div className='header_center'>
            <div className="header_search">
              <div className='header_search_border'>
                <Dropdown menu={{ items, onClick }} className='drop'>
                  <a onClick={(e) => e.preventDefault()}>
                    <Space>
                      全部
                      <DownOutlined />
                    </Space>
                  </a>
                </Dropdown>
                <input type="text" className='header_inp'/>
                <span className='icon-zhaoxiangji iconfont'></span>
              </div>
              <button className='header_btn'><span className='icon-sousuo iconfont'></span></button>
              <div className='header_search_text'>
                <ul>
                  <li>邀请函</li>
                  <li>h5模版</li>
                  <li>招聘</li>
                  <li>大暑</li>
                  <li>公众号</li>
                  <li>抽奖</li>
                  <li>旅行相册</li>
                </ul>
              </div>
            </div>
          </div>
          <div className='header_right'>
            <div className='header_right_left'>
              <dl>
                <dt>
                  <span className='s1'>{current3}</span>/<span>{current2}</span> &ensp; <span>{current1}</span>
                </dt>
                <dd>
                  <span>周{currentToday.cnWeek.slice(-1)}</span>
                  &ensp;
                  <span>农历{currentToday.cnMonth}</span>
                  <span>{currentToday.cnDay}</span>
                </dd>
              </dl>
            </div>
            <div className='header_right_right'>
              <dl>
                <dt><img src={a1} alt="" /></dt>
                <dd><span>人类月球日</span></dd>
              </dl>
            </div>
          </div>
        </div>
        <div className="center">
          <Swiper></Swiper>
        </div>

        <div className="tag">
          <Tags></Tags>
        </div>

        <div className="recommend_content">

        </div>

        <div className='fixed'>
          <ul>
            <li><img src={a2} alt="" /></li>
            <li><img src={a3} alt="" /></li>
            <li><img src={a4} alt="" /></li>
            <li><img src={a5} alt="" /></li>
            <li><img src={a6} alt="" /></li>
            <li>
              <dl>
                <dt><span className='icon-kefu iconfont'></span></dt>
                <dd>客服</dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt><span className='icon-yijianfankui iconfont'></span></dt>
                <dd>意见</dd>
              </dl>
            </li>
          </ul>
        </div>
        </div>
    </div>
  )
}

export default Winnow
